<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>

    <script src="/static/js/menu/adapter.js"></script> <!--rem适配js-->

    <link rel="stylesheet" href="/static/css/menu/base.css"> <!--初始化文件-->
    <link rel="stylesheet" href="/static/css/menu/menu.css"> <!--主样式-->

    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/public.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/icon.css">
    <script type="text/javascript" src="/static/plugins/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugins/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // 初始化tree
            // $("#index_tree").tree({
            //     url: '/menu/selectEmployeeMenus.do',
            //     animate: true,
            //     lines: true,
            //     // 配置菜单的点击事件
            //     onClick: function (node) {
            //         // 如果当前节点有url:说明是子节点
            //         if (node.url) {
            //             // 判断节点对应的tab页是否存在:
            //             var flag = $("#index-tabs").tabs('exists', node.text);
            //             if (flag) {
            //                 // 存在:直接选中
            //                 $("#index-tabs").tabs('select', node.text);
            //             } else {
            //                 // 不存在:给tabs添加相应的tab
            //                 $("#index-tabs").tabs('add', {
            //                     title: node.text,
            //                     closable: true,
            //                     // href:node.url,// tab加载远程数据
            //                     content: '<iframe src="' + node.url + '" width="100%" height="100%" frameborder="0"></iframe>'
            //                 })
            //             }
            //         }
            //     },
            //     // 配置菜单的双击事件
            //     onDblClick: function (node) {
            //         console.log();
            //         if (!node.url) {
            //             // 根节点的双击事件
            //             if (node.state == 'open') {
            //                 $("#index_tree").tree('collapseAll', node.target);
            //             } else {
            //                 $("#index_tree").tree('expandAll', node.target);
            //             }
            //         }
            //     }
            // });

            $.get("/menu/getMenusBySystem.do", function (data) {
                if (data) {
                    data.forEach(function (obj) {

                        var content = "";
                        obj.children.forEach(function (sub) {
                            content += "<h3 data-url=" + sub.url + ">" + sub.text + "</h3>";
                        })

                        var li = "<li><h2 class='obtain'>" + obj.text + "<i></i></h2><div class='secondary'>" + content + "</div></li>";
                        var old = $("#menu_ul").html();
                        $("#menu_ul").html(old + li);
                        return;
                    });
                }
            })
        })
    </script>
</head>
<body>
<div id="cc" class="easyui-layout" data-options="fit:true, split:false">
    <div data-options="region:'north',height:70,split:true">
        <%-- <h1 align="center">叩丁狼员工管理系统</h1>--%>
        <div class="public-header-warrp">
            <div class="public-header">
                <div class="content">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="/static/image/logo.png"/>
                    <div class="public-header-admin fr">
                        <p class="admin-name"><font color="green">您好！</font>
                            <span>
                                    <shiro:principal property="username"/>
                                </span>
                        </p>
                        <div class="public-header-fun fr">
                            <a href="/logout.do" class="public-header-loginout">安全退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'south'" style="height:50px;">
        <div align="center" style="margin-top: 8px">
            <p>德客会员管理系统软件官网<a href="http://www.decerp.cn">www.decerp.cn</a> All rights reserves </p>
        </div>
    </div>
    <div id="menu_div" data-options="region:'west',split:false" style="width:270px;">
        <%--<div id="aa" class="easyui-accordion" data-options="fit:true">--%>
        <%--<ul id="index_tree"></ul>--%>
        <%--</div>--%>

        <div id="menu">
            <!--隐藏菜单-->
            <div id="ensconce">
                <h2>
                    <%--<img src="/static/images/menu/show.png" alt="">--%>
                    <img alt="">
                    DE&C
                </h2>
            </div>

            <!--显示菜单-->
            <div id="open">
                <div class="navH">
                    DE&C
                    <%--<span><img class="obscure" src="/static/images/menu/obscure.png" alt=""></span>--%>
                    <span><img class="obscure" alt=""></span>
                </div>
                <div class="navBox">
                    <ul id="menu_ul">
                    </ul>
                </div>
            </div>
        </div>

        <script src="/static/js/menu/menu.js"></script> <!--控制js-->

    </div>
    <div data-options="region:'center'">
        <div id="tabs" class="easyui-tabs" data-options="fit:true">
            <div title="首页" style="padding:20px;display:none;">
                <iframe src="/cashier/carouselView.do" width="100%" height="100%" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>
</body>
</html>
